﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="Sbook.Register" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="~/Control/Menu/MenuRight.ascx" TagName="MenuRight" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/MenuTop.ascx" TagName="MenuTop" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/Header.ascx" TagName="Header" TagPrefix="UC" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Đăng ký</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    
    <script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
    <link href="Styles/tcal.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/tcal.js" type="text/javascript"></script>
   <%--<script src="Scripts/f.js" type="text/javascript"></script>--%>
    <!-- script menutop -->
    <script type="text/javascript">
        $(document).ready(function () {
            $(".menu_top li").hover(function () {
                $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(500)
            }, function () {
                $(this).find('ul:first').css({ visibility: "hidden" })
            });
        });
    </script>
    <link type="text/css" rel="stylesheet" href="css/jquery.simplyscroll_splienquan.css" />
    <link type="text/css" rel="stylesheet" href="css/style_chitietsp.css" />
    
    <style>
        .subheaders-group
        {
            width: 90%;
            height: auto;
            margin-left: 5px;
        }
        .subheaders-group .form-field
        {
            float: left;
            margin-left: 30px;
            width: 100%;
        }
    </style>
</head>
<body>
    <div class="web">
        <UC:Header runat="server" ID="head1" />
        <div class="chitietsp">
            <div class="chitietsp_top">
                <a href="#">Đăng ký</a>
            </div>
            <div class="sanpham" style="padding-bottom:20px;">
           
                <div style="margin: 0 auto; width: 700px;">
               
                    <!-- Đăng ký 2 -->
                    <form action="/Page/XuLyDangKy.aspx" method="post" id="frm1">
                    <!-- Cập nhật thông tin -->
                    <div>
                        <script type="text/javascript">
//<![CDATA[
                            var default_country = 'VN';
                            var zip_validators = {
                                US: {
                                    regex: /^(\d{5})(-\d{4})?$/,
                                    format: '01342 (01342-5678)'
                                },
                                CA: {
                                    regex: /^(\w{3} ?\w{3})$/,
                                    format: 'K1A OB1 (K1AOB1)'
                                }
                            }
                            var states = new Array();

//]]>
                        </script>
                        <div id="content_general">
                            <h1>Đăng ký</h1>
                            <p class="mandatory-fields">
                                Thông tin có <span style="color:Red">(*)</span> là bắt buộc nhập, cần phải nhập.</p>
                            <input id="selected_section" type="hidden" value="general" name="selected_section">
                            <input id="default_card_id" type="hidden" value="" name="default_cc">
                            <input type="hidden" name="profile_id" value="911371">
                             <strong id="checkuser" style="color:Red; display:none"></strong>
                            <div class="subheaders-group">
                                <br>
                                <h2 class="subheader">
                                    Thông tin tài khoản
                                </h2>
                                <div class="form-field">
                                    <label for="email">
                                        Tài khoản <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="user" size="32" maxlength="128" name="user" value="" style="margin-left: 78px;">
                                   
                                </div>
                                <div class="form-field">
                                    <label for="user">
                                        Họ tên <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="Text2" size="32" maxlength="128" name="fullname" value="" style="margin-left: 99px;">
                                    
                                </div>
                                <div class="form-field">
                                    <label for="email">
                                        Email <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="email" name="email" size="32" maxlength="128" value=""
                                        style="margin-left: 104px;">
                                </div>
                                <div class="form-field">
                                    <label for="password1">
                                        Mật khẩu <span style="color:Red">(*)</span>:</label>
                                    <input type="password" id="pass" name="pass" size="32" maxlength="32"
                                        value="" style="margin-left: 81px;" autocomplete="off">
                                </div>
                                <div class="form-field">
                                    <label for="password2">
                                        Nhập lại mật khẩu <span style="color:Red">(*)</span>:</label>
                                    <input type="password" id="repass" name="repass" size="32" maxlength="32"
                                        value="" style="margin-left: 25px;" autocomplete="off">
                                </div>
                                <div class="form-field">
                                    <label for="birthday">
                                        Trường đại học:</label>
                                    <input type="text" name="university" value="" size="32" style="margin-left: 67px;" />
                                      
                                </div>
                                <div class="form-field">
                                    <label for="elm_42">
                                        Giới tính:</label>
                                    <select id="elm_42" style="margin-left: 107px; width:100px" name="sex">
                                        <option value="">--</option>
                                        <option selected="selected" value="1">Nam</option>
                                        <option value="2">Nữ</option>
                                    </select>
                                </div>
                                <br>
                                <!-- Thông tin giao hàng -->
                                <h2 class="subheader">
                                    Thông tin giao hàng
                                </h2>
                                <div class="form-field">
                                    <label for="elm_15" class="cm-profile-field cm-required ">
                                        Họ tên <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="elm_15" name="fullnameto" size="32" value="" style="margin-left: 99px;" />
                                    
                                </div>
                                <div class="form-field">
                                    <label for="elm_19">
                                        Email :</label>
                                    <input type="text" id="reemail" size="32" value="" name="emailto" style="margin-left: 123px;" onblur="clear_space('elm_19');">
                                </div>
                                <div class="form-field">
                                    <label for="elm_21">
                                        Địa chỉ <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="elm_21" name="addressto" size="32" value="" style="margin-left: 96px;"
                                        onblur="clear_space('elm_21');">
                                </div>
                                <div class="form-field">
                                    <label for="elm_31">
                                        Điện thoại <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="phoneto" name="phoneto" size="32" value="" style="margin-left: 75px;"
                                        onblur="clear_space('elm_31');">
                                </div>
                                <div class="form-field">
                                <span>Nhập mã xác nhận <span style="color:Red">(*)</span>:</span>
                                <img src="Captcha.aspx" id="Img1" alt="Mã xác nhận" name="maxacnhan" style=" margin-left:23px;" />
                                <a href="Register.aspx" id="recaptcha">Refresh</a> <br />
                                <input name="maxacnhan" type="text" id="Text1" style="width: 115px; height: 30px; margin-left:173px;" />
                                </div>
                                <div class="form-field">
                                <input type="checkbox" name="chkOK" value="0" style="float:left;" />
                                <strong  style="float:left;">Đồng ý điều khoản của website</strong>
                                <a href="#" style="float:left; margin-left:20px; color:Blue; text-decoration:none;">(Xem điều khoản của websie)</a>
                                </div>
                                <script type="text/javascript">
                                    $(document).ready(function () {
                                        $("#elm_25").change(function () {
                                            $(".register_mail").attr("disabled", "disabled");
                                            if ($(this).val() == 437) {
                                                $("#register_mail_2").removeAttr("disabled");
                                            } else if ($(this).val() == 440) {
                                                $("#register_mail_3").removeAttr("disabled");
                                            }
                                        });
                                    });
                                </script>
                                <div style="float: left; margin-left: 200px; margin-top: 20px;">
                                        <input id="save_profile_but" type="button" name="dispatch[profiles.update.]" value="Đăng ký"
                                            style="width: 75px;">
                                        <input id="Submit1" type="reset" name="dispatch[profiles.update.]" value="Nhập lại"
                                            style="width: 75px;">
                                </div>
                            </div>
                            <script type="text/ecmascript">
                                $(document).ready(function () {
                                    var email;
                                    var remail;
                                    var phoneto;
                                    //Check định dạng Email
                                    $("div.subheaders-group input[type=text]#email").blur(function () {
                                        var rs = new RegExp("([A-Za-z0-9_.-]){2,}@([A-Za-z0-9_.-]){2,}.([A-Za-z0-9_.-]){2,}");
                                        var text = $(this).val();
                                        if (text.match(rs) == null) {
                                            $("strong#checkuser").html("Email không đúng định dạng!");
                                            $("strong#checkuser").css("display", "block");
                                            email = false;
                                        }
                                        else {
                                            $("strong#checkuser").css("display", "none");
                                            email = true;
                                        }

                                    });
                                    //Check định dạng reemail
                                    $("div.subheaders-group input[type=text]#reemail").blur(function () {
                                        var rs = new RegExp("([A-Za-z0-9_.-]){2,}@([A-Za-z0-9_.-]){2,}.([A-Za-z0-9_.-]){2,}");
                                        var text = $(this).val();
                                        if (text.match(rs) == null) {
                                            $("strong#checkuser").html("Email không đúng định dạng!");
                                            $("strong#checkuser").css("display", "block");
                                            remail = false;
                                        }
                                        else {
                                            $("strong#checkuser").css("display", "none");
                                            remail = true;
                                        }

                                    });
                                    //Check định dạng Phoneto
                                    $("div.subheaders-group input[type=text]#phoneto").blur(function () {
                                        var rs = new RegExp("[0-9]");
                                        var text = $(this).val();
                                        if (text.match(rs) == null) {
                                            $("strong#checkuser").html("Điện thoại không đúng định dạng!");
                                            $("strong#checkuser").css("display", "block");
                                            phoneto = false;
                                        }
                                        else {
                                            $("strong#checkuser").css("display", "none");
                                            phoneto = true;
                                        }

                                    });

                                    var chkuser;
                                    ///Check user
                                    $("div.subheaders-group input[type=text]#user").blur(function () {
                                        var u = $(this).val();
                                        $.ajax({
                                            type: "POST",
                                            url: "/Page/XuLyDangKy.aspx",
                                            data: { userPostAjax: u },
                                            success: function (data) {
                                                if (data == "0") {
                                                    $("strong#checkuser").html("User đã tồn tại!");
                                                    $("strong#checkuser").css("display", "block");
                                                    chkuser = false;
                                                }
                                                else {
                                                    $("strong#checkuser").css("display", "none");
                                                    chkuser = true;
                                                }

                                            }
                                        });
                                    });
                                    var chkpass;
                                    //Check Pass
                                    $("div.subheaders-group input[type=password]#pass").blur(function () {
                                        var passLength = $(this).val();
                                        if (passLength.length < 6 || passLength.length >= 32) {
                                            $("strong#checkuser").html("Mật khẩu phải không ít hơn 6  hoặc không nhiều hơn 32 kí tự!");
                                            $("strong#checkuser").css("display", "block");
                                            chkpass = false;
                                        }
                                        else {
                                            $("strong#checkuser").css("display", "none");
                                            chkpass = true;
                                        }
                                    });
                                    var chkrepass;
                                    $("div.subheaders-group input[type=password]#repass").blur(function () {
                                        var repass = $(this).val();
                                        var pass = $("div.subheaders-group input[type=password]#pass").val();
                                        if (repass != pass) {
                                            $("strong#checkuser").html("Xác nhận lại mật khẩu!");
                                            $("strong#checkuser").css("display", "block");
                                            chkrepass = false;
                                        }
                                        else {
                                            $("strong#checkuser").css("display", "none");
                                            chkrepass = true;
                                        }
                                    });

                                    //Check rỗng và đăng ký
                                    $("div.subheaders-group input[type=button]").click(function () {
                                        $("div.subheaders-group span.sp1").remove();
                                        var i = 0;
                                        var j = false;
                                        var pass = $("div.subheaders-group input[type=password]");

                                        pass.each(function (index) {
                                            var v = $(this).val();
                                            if (v == "") {
                                                var text = $(this).parent().find("label").html();
                                                $(this).parent().append("<span class='sp1' style='color:red'>" + text + " không được trống</span>");

                                                $("span.sp1").find("span").remove();

                                                j = true;
                                            }
                                            else {
                                                j = false;
                                            }
                                        });

                                        $("div.subheaders-group input[type=text]").each(function (index) {

                                            var lr = $(this).parent().find("span");
                                            if (lr.length <= 0)
                                                return;
                                            var value = $(this).val();
                                            if (value == "") {
                                                var text = $(this).parent().find("label").html();
                                                $(this).parent().append("<span class='sp1' style='color:red'>" + text + " không được trống</span>");

                                                $("span.sp1").find("span").remove();
                                                i++;
                                            }
                                        });
                                        if (i > 0) {

                                            return;
                                        }

                                        else {
                                            if ($('div.subheaders-group input[type=checkbox]').is(':checked') && j == false) {
                                                $('div.subheaders-group input[type=checkbox]').val(1);
                                                if (email == true && remail == true && chkpass == true && chkrepass == true && phoneto == true && chkuser == true) {
                                                    $("#frm1").submit();
                                                }
                                                else { return; }
                                            }
                                            else {
                                                $('div.subheaders-group input[type=checkbox]').val(0);
                                                alert("Bạn chưa đồng ý với điều khoản của website");
                                                return;
                                            }
                                        }
                                    });
                                });
                            </script>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="right">
            <!-- danh mục phải -->
            <div class="menu_right">
                <UC:MenuRight runat="server" ID="MenuRight"></UC:MenuRight>
                <script type="text/javascript">
                    $(document).ready(function () {
                        //                $('a#rs').click(function () {
                        //                    $.get('Captcha.aspx', function (data) {
                        //                        $('img#cap').attr("src", "Captcha.aspx");
                        //                      
                        //                    });
                        //                });
                        $("div.right div.menu_right ul:not(first)").hide();
                        $('ul#f1').show();
                        $('h2.menu_head').click(function () {

                            $('.active').removeClass('active');
                            $(this).addClass('active');
                            $('ul').slideUp('slow');
                            $(this).next('ul').slideDown('slow');
                            var content_show = $(this).attr('title');
                            $('#' + content_show).slideDown('slow');

                        });
                    });
                </script>
            </div>
            <!-- close danh mục phải -->
        </div>
    </div>
</body>
</html>
